home *** CD-ROM | disk | FTP | other *** search
/ Personal Computer World 2006 May / PCWMAY06.iso / Software / Freeware / First Page 2006 3.00 / fp2006-final-3.00-setup.exe / {app} / Iscripts / DHTML - Scrollers / cross-browser-marquee2.izs next >
Text File  |  2005-09-02  |  6KB  |  186 lines
  1. <!NOWIZARD>
  2.  
  3. <!TITLE>Cross Browser marquee II
  4. <!/TITLE>
  5.  
  6. <!BROWSER>FF1+ IE5+ Opr7+<!/BROWSER>
  7.  
  8. <!DESCRIPTION> This is version 2 of the cross brower marquee that scrolls the contents up (instead of sideways). 
  9. <!/DESCRIPTION> 
  10.  
  11. <!CATEGORY>scrollers<!/CATEGORY>
  12.  
  13. <!SCRIPT>
  14. <!-- START OF SCRIPT -->
  15. <script language="JavaScript1.2">
  16.  
  17. /*
  18. Cross browser Marquee II- ⌐ Dynamic Drive (www.dynamicdrive.com)
  19. For full source code, 100's more DHTML scripts, and TOS, visit http://www.dynamicdrive.com
  20. Credit MUST stay intact
  21. */
  22.  
  23. //Specify the marquee's width (in pixels)
  24. var marqueewidth="200px"
  25. //Specify the marquee's height
  26. var marqueeheight="150px"
  27. //Specify the marquee's marquee speed (larger is faster 1-10)
  28. var marqueespeed=2
  29. //Pause marquee onMousever (0=no. 1=yes)?
  30. var pauseit=1
  31.  
  32. //Specify the marquee's content
  33. //Keep all content on ONE line, and backslash any single quotations (ie: that\'s great):
  34.  
  35. var marqueecontent='<font face="Verdana">Thank you for visiting <a href="http://www.dynamicdrive.com">Dynamic Drive.</a><p>If you find this script useful, please consider linking to us by <a href="../link.htm">clicking here.</a><p>Visit our partner <a href="http://javascriptkit.com">JavaScript Kit</a> for JavaScript tutorials.</font>'
  36.  
  37.  
  38. ////NO NEED TO EDIT BELOW THIS LINE////////////
  39.  
  40. marqueespeed=(document.all)? marqueespeed : Math.max(1, marqueespeed-1) //slow speed down by 1 for NS
  41. var copyspeed=marqueespeed
  42. var pausespeed=(pauseit==0)? copyspeed: 0
  43. var iedom=document.all||document.getElementById
  44. var actualheight=''
  45. var cross_marquee, ns_marquee
  46.  
  47. function populate(){
  48. if (iedom){
  49. cross_marquee=document.getElementById? document.getElementById("iemarquee") : document.all.iemarquee
  50. cross_marquee.style.top=parseInt(marqueeheight)+8+"px"
  51. cross_marquee.innerHTML=marqueecontent
  52. actualheight=cross_marquee.offsetHeight
  53. }
  54. else if (document.layers){
  55. ns_marquee=document.ns_marquee.document.ns_marquee2
  56. ns_marquee.top=parseInt(marqueeheight)+8
  57. ns_marquee.document.write(marqueecontent)
  58. ns_marquee.document.close()
  59. actualheight=ns_marquee.document.height
  60. }
  61. lefttime=setInterval("scrollmarquee()",20)
  62. }
  63. window.onload=populate
  64.  
  65. function scrollmarquee(){
  66.  
  67. if (iedom){
  68. if (parseInt(cross_marquee.style.top)>(actualheight*(-1)+8))
  69. cross_marquee.style.top=parseInt(cross_marquee.style.top)-copyspeed+"px"
  70. else
  71. cross_marquee.style.top=parseInt(marqueeheight)+8+"px"
  72. }
  73. else if (document.layers){
  74. if (ns_marquee.top>(actualheight*(-1)+8))
  75. ns_marquee.top-=copyspeed
  76. else
  77. ns_marquee.top=parseInt(marqueeheight)+8
  78. }
  79. }
  80.  
  81. if (iedom||document.layers){
  82. with (document){
  83. if (iedom){
  84. write('<div style="position:relative;width:'+marqueewidth+';height:'+marqueeheight+';overflow:hidden" onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed">')
  85. write('<div id="iemarquee" style="position:absolute;left:0px;top:0px;width:100%;">')
  86. write('</div></div>')
  87. }
  88. else if (document.layers){
  89. write('<ilayer width='+marqueewidth+' height='+marqueeheight+' name="ns_marquee">')
  90. write('<layer name="ns_marquee2" width='+marqueewidth+' height='+marqueeheight+' left=0 top=0 onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed"></layer>')
  91. write('</ilayer>')
  92. }
  93. }
  94. }
  95. </script>
  96. <!-- END OF SCRIPT -->
  97. <!/SCRIPT>
  98.  
  99. <!PREVIEW>
  100. <!-- START OF SCRIPT -->
  101.  
  102. <script language="JavaScript1.2">
  103.  
  104. /*
  105. Cross browser Marquee II- ⌐ Dynamic Drive (www.dynamicdrive.com)
  106. For full source code, 100's more DHTML scripts, and TOS, visit http://www.dynamicdrive.com
  107. Credit MUST stay intact
  108. */
  109.  
  110. //Specify the marquee's width (in pixels)
  111. var marqueewidth="200px"
  112. //Specify the marquee's height
  113. var marqueeheight="150px"
  114. //Specify the marquee's marquee speed (larger is faster 1-10)
  115. var marqueespeed=2
  116. //Pause marquee onMousever (0=no. 1=yes)?
  117. var pauseit=1
  118.  
  119. //Specify the marquee's content
  120. //Keep all content on ONE line, and backslash any single quotations (ie: that\'s great):
  121.  
  122. var marqueecontent='<font face="Verdana">Thank you for visiting <a href="http://www.dynamicdrive.com">Dynamic Drive.</a><p>If you find this script useful, please consider linking to us by <a href="../link.htm">clicking here.</a><p>Visit our partner <a href="http://javascriptkit.com">JavaScript Kit</a> for JavaScript tutorials.</font>'
  123.  
  124.  
  125. ////NO NEED TO EDIT BELOW THIS LINE////////////
  126.  
  127. marqueespeed=(document.all)? marqueespeed : Math.max(1, marqueespeed-1) //slow speed down by 1 for NS
  128. var copyspeed=marqueespeed
  129. var pausespeed=(pauseit==0)? copyspeed: 0
  130. var iedom=document.all||document.getElementById
  131. var actualheight=''
  132. var cross_marquee, ns_marquee
  133.  
  134. function populate(){
  135. if (iedom){
  136. cross_marquee=document.getElementById? document.getElementById("iemarquee") : document.all.iemarquee
  137. cross_marquee.style.top=parseInt(marqueeheight)+8+"px"
  138. cross_marquee.innerHTML=marqueecontent
  139. actualheight=cross_marquee.offsetHeight
  140. }
  141. else if (document.layers){
  142. ns_marquee=document.ns_marquee.document.ns_marquee2
  143. ns_marquee.top=parseInt(marqueeheight)+8
  144. ns_marquee.document.write(marqueecontent)
  145. ns_marquee.document.close()
  146. actualheight=ns_marquee.document.height
  147. }
  148. lefttime=setInterval("scrollmarquee()",20)
  149. }
  150. window.onload=populate
  151.  
  152. function scrollmarquee(){
  153.  
  154. if (iedom){
  155. if (parseInt(cross_marquee.style.top)>(actualheight*(-1)+8))
  156. cross_marquee.style.top=parseInt(cross_marquee.style.top)-copyspeed+"px"
  157. else
  158. cross_marquee.style.top=parseInt(marqueeheight)+8+"px"
  159. }
  160. else if (document.layers){
  161. if (ns_marquee.top>(actualheight*(-1)+8))
  162. ns_marquee.top-=copyspeed
  163. else
  164. ns_marquee.top=parseInt(marqueeheight)+8
  165. }
  166. }
  167.  
  168. if (iedom||document.layers){
  169. with (document){
  170. if (iedom){
  171. write('<div style="position:relative;width:'+marqueewidth+';height:'+marqueeheight+';overflow:hidden" onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed">')
  172. write('<div id="iemarquee" style="position:absolute;left:0px;top:0px;width:100%;">')
  173. write('</div></div>')
  174. }
  175. else if (document.layers){
  176. write('<ilayer width='+marqueewidth+' height='+marqueeheight+' name="ns_marquee">')
  177. write('<layer name="ns_marquee2" width='+marqueewidth+' height='+marqueeheight+' left=0 top=0 onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed"></layer>')
  178. write('</ilayer>')
  179. }
  180. }
  181. }
  182. </script>
  183. <!-- END OF SCRIPT -->
  184. <!/PREVIEW>
  185.  
  186. <!RELATED>NONE<!/RELATED>